<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="head.jpg" type="image/x-icon">
</head>

<body>
    <!-- <img src="head.jpg" alt=""> -->
    <nav>
        <div class="logo">无双</div>
        <ul class="nav-menu">
            <li onclick="redirectToIndex()">首页</li>
            <li onclick="redirectToRecords()">千秋万代</li>
            <li onclick="redirectToWorks()">碎片罅隙</li>
            <li onclick="redirectToPicture()">流光溢彩</li>
        </ul>

        <div class="burger">
            <div class="top-line"></div>
            <div class="middle-line"></div>
            <div class="bottom-line"></div>
        </div>
    </nav>

    <div class="box-container">

        <div class="left-box">
            你好！欢迎来到无双的主页！！！<br><br>
            这个网站的主要目的是为了记录自己的大学时光<br><br>
            网站将分为四大板块<br><br>
            第一部分是作为欢迎的主页！背景图片是自设哦！<br><br>
            第二部分千秋万代是自己的成就记录<br><br>
            第三部分碎片罅隙是自己的创作记录<br><br>
            第四部分流光溢彩是各种精彩的生活照片
        </div>

        <div class="right-box">
            作者：陈景源<br><br>
            来自NENU<br><br>
            计算机类<br><br>
            喜欢文字创作<br><br>
            MBTI属性是ISFJ<br><br>
            欢迎你来到我的网站~ <br><br>
        </div>

    </div>
    <script src="index.js" type="text/javascript"></script>
</body>

</html>